<template>
	<view class="content">
		<view class="mine-nav">
			<image :src="$IMG_URL+'bg_wallet.png'" mode="widthFix" style="width: 750rpx;"></image>
			<view class="nav-top">
				<u-navbar bgColor="transparent" :fixed="true" title="保证金" leftIconColor="#fff" titleStyle="color:#fff"
					autoBack>
				</u-navbar>
			</view>
		</view>
		<view class="wallet-con">
			<view>您已缴纳保证金(元)</view>
			<view style="font-weight: 600;font-size: 62rpx;margin-top: 15rpx;">1000.00</view>
			<view class="wallet-but">
				<u-button type="primary" shape="circle" text="申请退回" @click="goWithdraw"></u-button>
			</view>
		</view>
		<view class="wallet-desc">
			<view>温馨提示：</view>
			<view>个人保证金：缴纳过个人保证金的师傅平台划分1-2个重点区域，平台优先指派、雇佣，承包平台划分区域的小规模工程单。</view>
			<view>团对保证金：缴纳过个人保证金的师傅平台划分3-5个重点区域，平台优先指派、雇佣，承包平台划分区域的大、小规模工程单。</view>
			<view>保证金缴纳后平台冻结3个月，3个月后可以申请退回，申请后如账户所有订单以完工系统自动退还。</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goWithdraw() {
				uni.navigateTo({
					url: '/pages/user/withdraw/withdraw'
				})
			},
			goPath(url) {
				uni.navigateTo({
					url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.wallet-con {
		margin-top: -340rpx;
		width: 688rpx;
		height: 348rpx;
		background: #FFFFFF;
		border-radius: 19rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 27rpx;
		color: #000000;
	}

	.wallet-but {
		width: 231rpx;
		margin-top: 46rpx;

		& ::v-deep .u-button {
			height: 69rpx !important;
		}
	}

	.msg-con {
		width: 688rpx;
		margin: 0 auto;
		margin-top: 31rpx;
		background: #FFFFFF;
		padding-left: 23rpx;
		padding-right: 15px;
		border-radius: 10rpx;
		position: relative;

		.msg-item {
			display: flex;
			align-items: center;
			padding: 23rpx 0;
			font-size: 27rpx;
			color: #000000;

			.item-img {
				width: 58rpx;
				height: 58rpx;
			}

			.msg-text {
				margin-left: auto;
				font-size: 23rpx;
				color: #999999;
				margin-right: 8px;
			}
		}
	}

	.wallet-desc {
		width: 688rpx;
		font-size: 27rpx;
		color: #999999;
		line-height: 38rpx;
		margin-top: 23rpx;
	}

	.wallet-qrcode {
		margin-top: 23rpx;
		width: 231rpx;
		height: 231rpx;
		background-color: greenyellow;
	}
</style>